<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初始JQuery</title>
		<!-- 初识JQuery 了解JavaScript功能：页面上所有触发型效果
		    JQuery的使用方法：
			1.JQuery官方网站，下载Jquery封装js库，格式：jquery-1.11.1.js
				             jquery-2.X.js之后的版本不支持IE 6、7、8
			2.引入JQuery框架【js类库】，在head中，script元素  导入	
						<script src="js/jquery-1.11.1.js"></script>
			3.编写JQuery框架语法---JS页面动态效果
			在页面最后body前方加Script元素，为什么？
			思考：操作页面上元素，body中生成实际页面上的内容，改变页面效果
			     整个html+css  理解为一棵DOM树：元素、属性、属性值、先在存在
				 这些元素，才可以进行操作。所以，JS中DOM树的操作需要等页面元素
				 都加载完毕，才可以进行对页面元素进行实质性操作
			  JavaScript行为层  EMCAScript5.0核心语法层--类似与Java基础
						       功能：做逻辑
						重点	：  DOM   Document Object Model 文档节点对象模型
							   功能：做页面效果【结合逻辑】
							   DOM树  document         元素、属性、属性值
							            html
									head   body
								 meta
							charsert		 
							   BOM   Browser Object Mobel 浏览器对象模型
							   功能：做浏览器效果【结合逻辑】  吸顶灯效果
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/*JQ语法*/
			$("button").click(function(){alert("尊尼获加")})
		</script>
	</body>
</html>